<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/modules/cms/front/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
	<title>首页</title>
	<meta name="decorator" content="shop_default_${site.theme}"/>
	<meta name="description" content="JeeSite ${site.description}" />
	<meta name="keywords" content="JeeSite ${site.keywords}" />
</head>
<body>
  <div class="site-banner" id="slideBox"> 
    <c:forEach items="${ads}" var="ad">
     <div class="banner-show banner-href" data-href="${ad.url }" style="display:block;background-image: url(${ad.image});"></div> 
    </c:forEach>
  </div>
  <script type="text/javascript" src="${ctxStatic}/js/jquery.superslide.2.1.1.js"></script> 
  <script type="text/javascript" src="${ctxStatic}/js/jquery.lazyload.min.js"></script> 
  <script type="text/javascript" src="${ctxStatic}/js/home.js"></script> 
  <script type="text/javascript" src="${ctxStatic}/js/jquery.cookie.js"></script> 
  <script type="text/javascript" src="${ctxStatic}/js/indextopbn.js"></script> 
  <div class="category-column"> 
   <div class="goods-category"> 
    <ul> 
     <c:forEach items="${fnc:getGoodsCategoryListByIds('0a2f38ce49454a019d8a1c1a59690769,62fe3172868b45029a86524a5d973ee6,673e54e4ffab4ae3a7f9aaaa450b5ed3,6b9f37f32fe549f28647ff5b04406ca3,f6af125bc0b0448491161261ccccd0af')}" var="tpl">
     <!--分类列表循环--> 
     <li class="goods-category-li"> 
      <div class="goods-category-name"> 
       <div class="goods-category-title"> 
        <a href="goods/list-${tpl.id}${urlSuffix}">${tpl.name}</a> 
       </div> 
       <div class="goods-category-links"> 
        <ul> 
	     <c:forEach items="${fnc:getGoodsCategoryListByParentId(tpl.id)}" var="gc">
         <li> <a href="http://www.xiaolajiao.com/goods-376.html">${gc.name }</a> </li> 
         </c:forEach>
        </ul> 
       </div> 
      </div> 
      <div class="goods-category-second"> 
       <ul> 
        <c:forEach items="${fnc:getGoodsCategoryListByParentId(tpl.id)}" var="gc" varStatus="status">
         <li> <a href="http://www.xiaolajiao.com/goods-376.html"><img src="${ctxStatic}/picture/20160808105628_55517.png" /><span>${gc.name }</span></a> </li>
         <c:if test="${(status.index+1)%7==0}">
         	</ul><ul>
         </c:if>
        </c:forEach>
       </ul> 
      </div> </li> 
      </c:forEach>
     <!--END分类列表循环-->
    </ul> 
   </div> 
   <div class="banner-link-region banner-href"> 
    <div class="banner-control" id="js_ban_button_box"> 
     <a href="javascript:;" class="banner-control-left"></a> 
     <a href="javascript:;" class="banner-control-right"></a> 
    </div> 
   </div> 
   
   <div class="banner-link-hd"> 
    <ul> 
    <c:forEach items="${ads}" var="ad">
     <li></li> 
    </c:forEach>
    </ul> 
   </div> 
  </div> 
  <div class="star-goods-list"> 
   <h2>小芒果明星产品</h2> 
   <div class="star-move"> 
    <a class="star-move-left" href="javascript:void(0)">&lt;</a> 
    <a class="star-move-right" href="javascript:void(0)">&gt;</a> 
   </div> 
   <div class="star-goods"> 
    <ul> 
    
    <c:forEach items="${goodsList}" var="goods">
     <!--循环--> 
     <li class="star-goods-li"> <span class="sign blue">新品</span> 
      <div class="star-goods-content"> 
       <img src="${goods.image }" /> 
       <div class="star-goods-content-text"> 
        <p class="star-goods-content-title"> ${goods.name } </p> 
        <p class="star-goods-content-introduce"> ${goods.caption } </p> 
        <p class="star-goods-content-price"> 特价${goods.price }<span>元</span> </p> 
       </div> 
      </div> 
      <div class="star-goods-details" style="right:-51%;"> 
       <p class="star-goods-details-title"> ${goods.name } </p> 
       <p class="star-goods-details-price"> 特价${goods.price }元 </p> 
       <ul class="star-goods-details-parameter "> 
        <li> 5.5 1080P FHD屏 </li> 
        <li> 第二代指纹识别 </li> 
        <li> 八核CPU </li> 
        <li> 2+16G超大内存 </li> 
        <li> 移动联通双4G </li> 
       </ul> 
      </div> 
      <div class="star-goods-details-links" style="right:-101%;"> 
       <a class="star-goods-details-links01" href="http://www.xiaolajiao.com/goods-329.html">立即购买</a>
       <a class="star-goods-details-links02" href="/goods/${goods.id}${urlSuffix}">查看详情</a> 
      </div> </li> 
     <!--END循环-->
     </c:forEach>
    </ul> 
   </div> 
  </div> 
  <div class="selection-parts-list"> 
   <h2>精选配件</h2> 
   <div class="selection-parts"> 
    <div class="selection-parts-left"> 
     <a href="http://www.xiaolajiao.com/goods-290.html" target="_blank"><img class="lazy" data-original="http://image.xiaolajiao.com/data/afficheimg/1463130006868458442.jpg?v=20160707" /></a> 
    </div> 
    <div class="selection-parts-right"> 
     <ul> 
      <li> <a href="http://www.xiaolajiao.com/goods-173.html" target="_blank"><img class="lazy" data-original="http://image.xiaolajiao.com/data/afficheimg/1451297517656013623.png?v=20160707" /> <p class="selection-parts-right-title">小芒果活塞耳机 通用</p> <p class="selection-parts-right-introduce"></p> <p class="selection-parts-right-price">39元</p> </a> 
       <div class="selection-parts-comment"> 
        <span class="review">正品，质量非常好，没有色差。材质很好，做工细致，音质好，...</span> 
        <span class="author">来自 ggjkk75 的评论</span> 
       </div> </li> 
      <li> <a href="http://www.xiaolajiao.com/goods-57.html" target="_blank"><img class="lazy" data-original="http://image.xiaolajiao.com/data/afficheimg/1449045622238323598.png?v=20160707" /> <p class="selection-parts-right-title">小芒果发光数据线 通用</p> <p class="selection-parts-right-introduce"></p> <p class="selection-parts-right-price">19元</p> </a> 
       <div class="selection-parts-comment"> 
        <span class="review">买了这线充电好快哦30分钟搞定 金芒果NOTE电池 ...</span> 
        <span class="author">来自 159xlj34355949 的评论</span> 
       </div> </li> 
      <li> <a href="http://www.xiaolajiao.com/goods-58.html" target="_blank"><img class="lazy" data-original="http://image.xiaolajiao.com/data/afficheimg/1449045689163582750.png?v=20160707" /> <p class="selection-parts-right-title">小芒果电源适配器 通用</p> <p class="selection-parts-right-introduce"></p> <p class="selection-parts-right-price">29元</p> </a> 
       <div class="selection-parts-comment"> 
        <span class="review">谢谢客服的耐心解答！小芒果！你们是最棒的团队！</span> 
        <span class="author">来自 43567 的评论</span> 
       </div> </li> 
      <li class="second-line"> <a href="http://www.xiaolajiao.com/goods-290.html" target="_blank"><img class="lazy" data-original="http://image.xiaolajiao.com/data/afficheimg/1463968216019503166.png?v=20160707" /> <p class="selection-parts-right-title">小芒果木系耳机&middot;演奏者</p> <p class="selection-parts-right-introduce"></p> <p class="selection-parts-right-price">99元</p> </a> 
       <div class="selection-parts-comment"> 
        <span class="review">确实包装很好看，耳机的效果也挺不错的，我也听不出来，有什...</span> 
        <span class="author">来自 152xlj33545407 的评论</span> 
       </div> </li> 
      <li class="second-line"> <a href="http://www.xiaolajiao.com/goods-377.html" target="_blank"><img class="lazy" data-original="http://image.xiaolajiao.com/data/afficheimg/1468486027987551751.png?v=20160707" /> <p class="selection-parts-right-title">金芒果“金”典钢化膜</p> <p class="selection-parts-right-introduce"></p> <p class="selection-parts-right-price">19.9</p> </a> </li> 
      <li class="second-line"> <a href="http://www.xiaolajiao.com/goods-315.html" target="_blank"><img class="lazy" data-original="http://image.xiaolajiao.com/data/afficheimg/1468486283403473876.png?v=20160707" /> <p class="selection-parts-right-title">金芒果XM系列贴膜+保护套</p> <p class="selection-parts-right-introduce"></p> <p class="selection-parts-right-price">加19元换购</p> </a> </li> 
     </ul> 
    </div> 
   </div> 
  </div> 
  <div class="preferential-subarea"> 
   <h2>小芒果特惠及套餐</h2> 
   <a class="preferential-subarea-more" href="category-86-b0.html">查看全部&gt;&gt;</a> 
   <div class="etui"> 
    <div class="etui-left"> 
     <div class="etui-long "> 
      <a href="http://www.xiaolajiao.com/goods-315.html" target="_blank"><img class="lazy" data-original="http://image.xiaolajiao.com/data/afficheimg/1468659307984470544.jpg?v=20160707" /></a> 
     </div> 
     <div class="etui-long revise-top"> 
      <a href="http://www.xiaolajiao.com/goods-329.html" target="_blank"><img class="lazy" data-original="http://image.xiaolajiao.com/data/afficheimg/1469429195995575713.jpg?v=20160707" /></a> 
     </div> 
    </div> 
    <div class="etui-right"> 
     <ul> 
      <li class="preferential-normal "> <a href="http://www.xiaolajiao.com/goods-340.html" target="_blank"> <img src="picture/1468487849189202282.png" /> <p class="preferential-normal-title">金芒果XM Pro</p> <p class="preferential-normal-introduce">不能错过的国民4G+手机</p> <p class="preferential-normal-price1">现价399元<span>原价499元</span></p> </a> </li> 
      <li class="preferential-normal "> <a href="http://www.xiaolajiao.com/goods-323.html" target="_blank"> <img src="picture/1467184672507096887.png" /> <p class="preferential-normal-title">金芒果XL</p> <p class="preferential-normal-introduce">5.5英寸三星屏，800+1300万索尼相机</p> <p class="preferential-normal-price1">现价799元<span>原价999元</span></p> </a> </li> 
      <li class="preferential-normal "> <a href="http://www.xiaolajiao.com/goods-315.html" target="_blank"> <img src="picture/1468487609390582649.png" /> <p class="preferential-normal-title">金芒果XM双4G版</p> <p class="preferential-normal-introduce">高颜值+高性能+低价格</p> <p class="preferential-normal-price1">现价399元<span>原价499元</span></p> </a> </li> 
      <li class="preferential-normal revise-top"> <a href="http://www.xiaolajiao.com/goods-329.html" target="_blank"> <img src="picture/1469429063327732591.png" /> <p class="preferential-normal-title">金芒果Note3</p> <p class="preferential-normal-introduce">性能之选，高配低价</p> <p class="preferential-normal-price1">现价599元<span>原价699元</span></p> </a> </li> 
      <li class="preferential-normal revise-top"> <a href="http://www.xiaolajiao.com/goods-345.html" target="_blank"> <img src="picture/1464260226162638372.png" /> <p class="preferential-normal-title">金芒果Note3 Pro</p> <p class="preferential-normal-introduce">3+32G超大内存指纹神机</p> <p class="preferential-normal-price1">现价799元<span>原价899元</span></p> </a> </li> 
      <li class="preferential-normal revise-top"> <a href="http://www.xiaolajiao.com/goods-257.html" target="_blank"> <img src="picture/1468659901502446359.png" /> <p class="preferential-normal-title">金芒果Note</p> <p class="preferential-normal-introduce">直降130，还送原装专用皮套</p> <p class="preferential-normal-price1">现价569元<span>原价699元</span></p> </a> </li> 
     </ul> 
    </div> 
   </div> 
  </div> 
  <div class="recommend-for-your"> 
   <h2>为你推荐</h2> 
   <a class="preferential-subarea-more" href="category-54-b0.html">查看全部&gt;&gt;</a> 
   <div class="recommend-big"> 
    <a href="http://www.xiaolajiao.com/goods-349.html" target="_blank"><img class="lazy" data-original="http://image.xiaolajiao.com/data/afficheimg/1467272573675810868.jpg?v=20160707" /></a> 
   </div> 
   <div class="etui-right"> 
    <ul> 
     <li class="preferential-normal "> <a href="http://www.xiaolajiao.com/goods-329.html" target="_blank"> <img src="picture/1461147637711693353.png" /> <p class="preferential-normal-title">金芒果Note3</p> <p class="preferential-normal-introduce">性能之选：高配低价，无与争锋</p> <p class="preferential-normal-price3">593233人推荐</p> </a> </li> 
     <li class="preferential-normal "> <a href="http://www.xiaolajiao.com/goods-330.html" target="_blank"> <img src="picture/1461147734544314812.png" /> <p class="preferential-normal-title">金芒果任性版+</p> <p class="preferential-normal-introduce">性价比之选：双卡双待双4G</p> <p class="preferential-normal-price3">379428人推荐</p> </a> </li> 
     <li class="preferential-normal "> <a href="http://www.xiaolajiao.com/goods-340.html" target="_blank"> <img src="picture/1468663999251417237.png" /> <p class="preferential-normal-title">金芒果XM Pro</p> <p class="preferential-normal-introduce">国民4G+手机，低价不低能</p> <p class="preferential-normal-price3">100433人推荐</p> </a> </li> 
     <li class="preferential-normal second-line"> <a href="http://www.xiaolajiao.com/goods-315.html" target="_blank"> <img src="picture/1461147956366424121.png" /> <p class="preferential-normal-title">金芒果XM双4G</p> <p class="preferential-normal-introduce">高颜值+高性能+低价格</p> <p class="preferential-normal-price3">207651人推荐</p> </a> </li> 
     <li class="preferential-normal second-line"> <a href="http://www.xiaolajiao.com/goods-349.html" target="_blank"> <img src="picture/1464260812384800406.png" /> <p class="preferential-normal-title">金芒果“金”典</p> <p class="preferential-normal-introduce">金属机身，4000毫安大电池，闪充</p> <p class="preferential-normal-price3">112918人推荐</p> </a> </li> 
     <li class="preferential-normal second-line"> <a href="http://www.xiaolajiao.com/goods-345.html" target="_blank"> <img src="picture/1461149915251224979.png" /> <p class="preferential-normal-title">金芒果Note3 Pro</p> <p class="preferential-normal-introduce">3+32G超大内存指纹神机</p> <p class="preferential-normal-price3">214097人推荐</p> </a> </li> 
    </ul> 
   </div> 
  </div> 
  <div class="website-content"> 
   <h2>内容</h2> 
   <div class="website-content-list"> 
    <ul> 
     <li> 
      <div class="hd"> 
       <ul> 
        <li></li> 
       </ul> 
      </div> 
      <div class="bd"> 
       <ul> 
        <li><a href="http://bbs.xiaolajiao.com/thread-61892-1-1.html" target="_blank"><img class="lazy" data-original="http://image.xiaolajiao.com/images/upload/image/20160804/20160804195001_45215.png" /> <p class="activity-title">七夕秀恩爱，好礼送不停</p> <p class="activity-content">七夕快到了 还在担心没礼物吗 不用担心 小芒果好礼送不停 </p> </a> </li> 
        <li><a href="http://bbs.xiaolajiao.com/thread-59644-1-1.html" target="_blank"><img class="lazy" data-original="http://image.xiaolajiao.com/images/upload/image/20160518/20160518191603_16356.png" /> <p class="activity-title">小芒果荣誉测试团招募（第七期）：新机试用，约不？</p> <p class="activity-content">你想搞机吗？想免费试用小芒果的手机吗？想得到小芒果送出的神秘礼物吗？心动不如行动，赶紧报名参加吧！</p> </a> </li> 
        <li><a href="http://bbs.xiaolajiao.com/thread-59525-1-1.html" target="_blank"><img class="lazy" data-original="http://image.xiaolajiao.com/images/upload/image/20160512/20160512112549_85091.png" /> <p class="activity-title">小芒果社区升级新玩法——随便拍</p> <p class="activity-content">即日起，为了使辣粉更好的玩转小芒果社区，更好的找到需要的资源，小芒果社区版块将全面升级，特教辣粉们玩转随手拍版块！</p> </a> </li> 
        <li><a href="http://bbs.xiaolajiao.com/thread-59329-1-1.html" target="_blank"><img class="lazy" data-original="http://image.xiaolajiao.com/images/upload/image/20160429/20160429151257_62293.png" /> <p class="activity-title">小芒果社区社区版主团队招募中！</p> <p class="activity-content">招募！招募！招募！重要的事情说三遍！小芒果社区招募版主，礼品多多，活动多多，想参加的赶紧行动起来吧！</p> </a> </li> 
       </ul> 
      </div> <h3>热门内容</h3> <a class="prev" href="javascript:void(0)"></a> <a class="next" href="javascript:void(0)"></a> </li> 
     <li> 
      <div class="hd"> 
       <ul> 
        <li></li> 
       </ul> 
      </div> 
      <div class="bd"> 
       <ul> 
        <li><a href="http://download.xiaolajiao.com/ilagame/" target="_blank"><img class="lazy" data-original="http://image.xiaolajiao.com/images/upload/image/20151218/20151218161856_36195.jpg" /> <p class="activity-title">小芒果游戏中心</p> <p class="activity-content">最新，最全，最具人气 游戏丰富，界面简洁，急速下载，安全稳定 精选游戏每日推荐 攻略礼包发不停</p> </a> </li> 
        <li><a href="http://bbs.xiaolajiao.com/thread-58739-1-1.html" target="_blank"><img class="lazy" data-original="http://image.xiaolajiao.com/images/upload/image/20160329/20160329112213_67805.jpg" /> <p class="activity-title">唯美仙侠3D手游-青丘狐传说</p> <p class="activity-content">360度真3D大世界，全息无限制城战，自定义情缘恋爱系统，开启浪漫家园同居生活，打造唯美仙侠3DMMO手游！</p> </a> </li> 
       </ul> 
      </div> <h3>游戏</h3> <a class="prev" href="javascript:void(0)"></a> <a class="next" href="javascript:void(0)"></a> </li> 
     <li> 
      <div class="hd"> 
       <ul> 
        <li></li> 
       </ul> 
      </div> 
      <div class="bd"> 
       <ul> 
        <li><a href="http://www.xiaolajiao.com/article-367.html" target="_blank"><img class="lazy" data-original="http://image.xiaolajiao.com/data/article/1450081712638047542.jpg?v=20160707" /> <p class="activity-title">金芒果X1外观赏析视频</p> <p class="activity-content">前几代产品相比，这一代的金芒果X1的材质和工艺都有了用心的提升，背部弧线设计增加了视觉美感，采用了传统的安卓按键设计：菜单键、HOME键、返回键...</p> </a> </li> 
       </ul> 
      </div> <h3>测评与视频</h3> <a class="prev" href="javascript:void(0)"></a> <a class="next" href="javascript:void(0)"></a> </li> 
     <li> 
      <div class="hd"> 
       <ul> 
        <li></li> 
       </ul> 
      </div> 
      <div class="bd"> 
       <ul> 
        <li><a href="http://www.xiaolajiao.com" target="_blank"><img class="lazy" data-original="http://image.xiaolajiao.com/data/article/1460966976074376982.jpg?v=20160707" /> <p class="activity-title">扫码立即享受1对1售后服务！</p> <p class="activity-content">小芒果官网微信服务号上线啦！在线客服，订单查询，最新资讯，资源下载，即时随手解决手机和订单问题！快来微信扫一扫吧！</p> </a> </li> 
       </ul> 
      </div> <h3>售后服务</h3> <a class="prev" href="javascript:void(0)"></a> <a class="next" href="javascript:void(0)"></a> </li> 
    </ul> 
   </div> 
  </div>
</body>
</html>